<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H3C</title>
    <link rel="stylesheet" href="css文件/index.css">
</head>

<body>

    <!-- header部分 start -->
    <header>
        <img src="images/newlogo.png" alt="" class="header-left">
        <ul class="header-middile">
            <li><a href="#">产品技术</a></li>
            <li><a href="#">解决方案</a></li>
            <li><a href="#">服务</a></li>
            <li><a href="#">新华三大学</a></li>
            <li><a href="#">合作伙伴</a></li>
            <li><a href="#">关于我们</a></li>
        </ul>
        <div class="header-right">
            <ul>
                <li><a href="#">注册<span></span></a></li>
                <li></li>
                <li><a href="#">登录<span></span></a></li>
                <li></li>
                <li><a href="#">English <span></span>
                    </a></li>
                <li></li>
                <li><a href="#">HK <span></span>
                    </a></li>
            </ul>
            <div>search... <img src="images/01.png" alt=""></div>
        </div>
    </header>
    <!-- header部分ending -->


    <!-- focus部分start -->
    <section class="focus">
        <div class="focus-arrow"></div>
        <div class="focus-bottom">
            <p>热点新闻 |&nbsp;
                郑州市市长程志明一行莅临郑州大数据产业园调研</p>
            <span></span>
            <span></span>
        </div>
    </section>
    <!-- focus部分ending -->

    <!-- main1部分start -->
    <section class="main1">
        <div class="main1-top">
            <h2>行业</h2>
            <p>
                VCF架构是华三"云网融合"解决方案的核心支撑，将云计算、智慧网络、IT安全、移动化等解决方案融合拉通，<br>
                并通过软件定义与资源编排，实现IT基础设施资源自动化调度、弹性扩展、应需而动。</p>
        </div>
        <div class="main1-bottom">
            <img src="images/3.jpg" alt="">
            <img src="images/31.jpg" alt="">
            <img src="images/32.jpg" alt="">
        </div>
    </section>

    <!-- main1部分ending -->

    <!-- main2部分start -->

    <section class="main2">
        <div class="main2-left">
            <img src="images/768.png" alt="">
        </div>
        <div class="main2-right">
            <div class="main2-right-top">
                <h4 class="1">让IT始终保持最佳状态</h4>
                <h1 class="1">致力于优质的服务</h1>
                <p class="1">凭借我们业界最大的生态系统和合作伙伴支持网络以及全球分布的资源，<br>
                    无论您身在何地，都可获得全面周到的本地服务</p>



            </div>
            <div class="main2-right-bottom">
                <div>
                    <img src="images/h3c_img_shu_02.png" alt="">
                    <h4>个区域服务机构</h4>
                    <p>覆盖全国90+城市</p>
                </div>
                <div>
                    <img src="images/h3c_img_shu_04.png" alt="">
                    <h4>个备件中心</h4>
                    <p>原厂备件服务覆盖700+城市<br>
                        2862个县级市及98%的乡镇</p>
                </div>
                <div>
                    <img src="images/h3c_img_shu_06.png" alt="">
                    <h4>家专业认证渠道服务交付资源</h4>
                    <p>负责中国大陆、香港及日本地区<br>客户 服务技术支持工作</p>
                </div>
            </div>
        </div>
    </section>
    <!-- main2部分ending -->

    <!-- main3部分start -->
    <section class="main3">
        <div class="main3-left">
            <span>个人消费品</span>
            <h1>人人都是魔术家</h1>
            <p>以科技魔力助力世界改变，打造专属于您的家庭无线网络解决方案。<br>
                查看更多</p>
            <a href="#">查看更多</a>
        </div>
        <div class="main3-right">
            <div class="main3-right-top">
                <span>合作伙伴</span>
                <h1>新机遇、新生态、新发展</h1>
                <p>基于H3C新IT基础开放架构，积极与业内各类厂商、 集成商等形成战略合作关系，在云计算、大数据和智慧城市等相关领域共同打造新IT创新生态联盟。<br>
                    查看更多</p>
                <a href="">查看更多</a>
            </div>
            <div class=" main3-right-bottom">
                <span>新华三大学</span>
                <h1>专业人才培养</h1>
                <p>提供专业的全方位的学习与咨询解决方案，引领先进理念，分享最佳实践，致力于<br>
                    企业组织和人才能力提升，帮助企业创造优异价值，实现持续成长。<br>
                    查看更多</p>
                <a href="">查看更多</a>
            </div>
        </div>
    </section>
    <!-- main3部分ending -->

    <!-- footer部分start -->
    <footer>
        <div>
            <dl>
                <dt>政府及企业用户</dt>
                <dd> 运营商</dd>
                <dd> 广电</dd>
                <dd>合作伙伴</dd>
                <dd>求职者</dd>
                <dd>中小企业</dd>
                <dd> 个人消费者</dd>
            </dl>
            <dl>
                <dt>政府及企业用户</dt>
                <dd> 运营商</dd>
                <dd> 广电</dd>
                <dd>合作伙伴</dd>
                <dd>求职者</dd>
                <dd>中小企业</dd>
                <dd> 个人消费者</dd>
            </dl>
            <dl>
                <dt>政府及企业用户</dt>
                <dd> 运营商</dd>
                <dd> 广电</dd>
                <dd>合作伙伴</dd>
                <dd>求职者</dd>
                <dd>中小企业</dd>
                <dd> 个人消费者</dd>
            </dl>
            <dl>
                <dt>政府及企业用户</dt>
                <dd> 运营商</dd>
                <dd> 广电</dd>
                <dd>合作伙伴</dd>
                <dd>求职者</dd>
                <dd>中小企业</dd>
                <dd> 个人消费者</dd>
            </dl>
            <dl>
                <dt>政府及企业用户</dt>
                <dd> 运营商</dd>
                <dd> 广电</dd>
                <dd>合作伙伴</dd>
                <dd>求职者</dd>
                <dd>中小企业</dd>
                <dd> 个人消费者</dd>
            </dl>
            <img src="images/weibo.jpg" alt="">
            <img src="images/weibo.jpg" alt="">


        </div>
    </footer>
    <!-- footer部分ending -->


</body>

</html>